* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  font-size: 12px;
  color: #000;
}
body,
ul,
li,
h5,
p {
  padding: 0;
  margin: 0;
  font-family: "Microsoft YaHei", Helvetica;
}
body,
html,
.con {
  width: 100%;
  height: 100%;
  position: relative;
  background: #f5f5f5;
}
em,
i,
b,
a {
  font-style: normal;
}
li {
  list-style: none;
  display: block;
}
#home {
  width: 100%;
  height: auto;
}
.content {
  width: 100%;
  height: auto;
  background: #24272d;
}
.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.home_header {
  width: 1148px;
  height: 69px;
  line-height: 58px;
  margin: 0 auto;
}
.home_header li {
  float: left;
  margin: 0 20px;
}
.home_header li a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
.home_header_log {
  float: left;
}
.home_header_loging {
  float: right;
}
.home_banner {
  width: 100%;
}
.home_banner li {
  height: 600px;
  background: yellow;
}
.home_banner li img {
  width: 100%;
  height: 100%;
}
.home_courser {
  width: 1148px;
  height: auto;
  margin: 50px auto;
}
.home_courser_hotcourse {
  height: 20px;
}
.home_courser_hotcourse h4 {
  float: left;
}
.home_courser_hotcourse a {
  float: right;
  color: #888787;
}
.home_courser_content {
  width: 100%;
  clear: both;
}
.home_courser_content dl {
  width: 270px;
  height: 382px;
  /*border:1px solid #ccc;*/
  float: left;
  margin: 20px 7px;
  box-shadow: 6px 6px 6px #d9d9d9;
}
.home_courser_content dt {
  margin: 4px auto;
  text-align: center;
}
.home_courser_content dt a {
  width: 260px;
  height: 260px;
  background: blue;
  display: inline-block;
  margin: 4px 4px 0 4px;
}
.home_courser_content dd {
  margin-top: 14px;
}
.home_courser_one {
  font-size: 18px;
  font-weight: bold;
  width: 252px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0px 14px 0 14px;
}
.home_courser_two {
  font-size: 14px;
  width: 252px;
  text-align: center;
  margin: 13px 14px 0 14px;
}
.home_courser_two_span {
  float: left;
}
.home_courser_two_span a {
  display: inline-block;
  color: #24272d;
}
.home_courser_two .courser_yellow {
  font-size: 18px;
  float: right;
  color: #e0983a;
  margin: 0px 14px 0 0;
}
.home_courser_three {
  height: 28px;
  line-height: 28px;
}
.home_courser_three button {
  display: inline-block;
  background: #32ab9e;
  font-size: 14px;
  width: 64px;
  height: 28px;
  text-align: center;
  color: #fff;
  float: right;
  margin: 0px 14px 0 0;
  border: none;
}
.home_courser_three span {
  position: relative;
  top: 5px;
  color: #b8b8b8;
  font-size: 12px;
}
.home_courser_three a {
  color: #b8b8b8;
  font-size: 12px;
}
.famous_teacher {
  clear: both;
  width: 1148px;
  height: 588px;
  margin: 115px auto;
}
.famous_teacher_title {
  height: 20px;
}
.famous_teacher_title h4 {
  float: left;
}
.famous_teacher_title a {
  float: right;
  color: #888787;
}
.famous_teacherlist {
  width: 100%;
  clear: both;
}
.famous_teacherlist dl {
  width: 270px;
  height: 382px;
  /*border:1px solid #ccc;*/
  float: left;
  margin: 20px 7px;
  box-shadow: 6px 6px 6px #d9d9d9;
}
.famous_teacherlist dt {
  width: 162px;
  height: 162px;
  /*border-radius:50%;*/
  /*border: 1px solid #ccc;*/
  margin: 50px 50px 20px 50px;
}
.famous_teacherlist dd {
  margin: 0px 49px 0 49px;
}
.famous_teacherlist dd p {
  text-align: center;
  line-height: 24px;
}
.famous_teacherlist dd div {
  height: 38px;
  width: 170px;
  /*overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
   white-space:nowrap;*/
}
.custom {
  width: 100%;
  height: 800px;
  background: #e5e5e5;
  clear: both;
}
.home_footer {
  height: 200px;
  background: #24272d;
  color: #fff;
}
.home_footer h4 {
  height: 56px;
  line-height: 56px;
  text-align: center;
  width: 634px;
  margin: 0 auto;
  border-bottom: 2px solid #66686c;
}
.home_footer p {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  line-height: 42px;
  height: 42px;
  font-size: 14px;
}
.home_footer img {
  padding-right: 10px;
}
/*.home_footer p.home_footer_p3{
  color: #8f9092!important;
  margin-top:33px!important;
}*/
